<template>
  <ul class="quick-nav">
    <li>
      <a href="#">影院热映</a>
    </li>
    <li>
      <a href="#">欧美新碟榜</a>
    </li>
    <li>
      <a href="#">豆瓣时间</a>
    </li>
    <li>
      <a href="#">使用豆瓣App</a>
    </li>
  </ul>
</template>

<style lang="scss" scoped>
  .quick-nav {
    overflow: hidden;
    text-align: center;
    padding: 0;
    margin: 30px 0 0 0;

    li {
      float: left;
      font-size: 16px;
      width: 50%;
      list-style: none;
      padding: 3px;
      box-sizing: border-box;

      a {
        text-decoration: none;
        background-color: #f6f6f6;
        color: #494949;
        padding: 10px 0;
        font-size: 15px;
        line-height: 25px;
        display: block;
        border-radius: 2px;
      }
    }
  }

</style>
